<!-- 外部用章 -->
<template>
	<view style="background-color: #F7F7F7;">
		<!-- 签名板 -->
		<view class="all_xiaolu" style="" v-if="signPicShow">
			<xiaolu ref="xiaolu" @getImg="getImg">{{ signPic }}</xiaolu>
		</view>
		<!-- 弹出抽屉 -->
		<uni-drawer ref="showLeft" mode="left" :width="300" @change="change($event,'showLeft')"
			style="position: relative;z-index: 2000;">
			<!-- 表头 -->
			<view class="all_project_relevant all_text_title" style="z-index: 99;font-family: PingFang SC;">
				<view class="all_relevant_line1">
					<text style="font-size: 30rpx;">类别</text>
				</view>
				<view class="all_relevant_line2">
					<text style="font-size: 30rpx;margin-left: 10rpx;color: #40A0F2;">数量</text>
				</view>
				<view class="all_relevant_line3">
					<text style="font-size: 30rpx;margin-left: 10rpx;color: #FF3333;">金额</text>
				</view>
			</view>

			<view class="all_project_relevant" v-for="item in project_relevant_list" @click="tapDrawerItem(item)">
				<view class="all_relevant_line1">
					<text style="font-size: 28rpx;">{{item.show_name}}</text>
				</view>

				<view class="all_relevant_line2">
					<text style="font-size: 26rpx;margin-left: 10rpx;color: #40A0F2;">{{'(' + item.count + ')'}}</text>
				</view>

				<view class="all_relevant_line3">
					<text v-show="item.money_state == 1"
						style="font-size: 26rpx;margin-left: 10rpx;color: #FF3333;">{{item.money==null?'0.00元':item.money + '元'}}</text>
				</view>
			</view>

			<scroll-view scroll-y="true" class="all_drawer_relevant_item" v-show="showRelevantItem">
				<view class="all_closeIcon" @tap.stop="closeRelevantItem">
					点击关闭
				</view>

				<view class="all_relevant_item_text" v-for="item in RelevantItem">
					<!-- 报销内容 -->
					<view v-show="relevant_item_type == 'reimbursement'" class="">{{item.remark}}</view>
					<view class="all_relevant_item_line">
						<text>申请人: </text> <text class="all_relevant_item_text1">{{item.member.nickname}}</text>
						<text v-show="moneyArry.includes(relevant_item_type)" class="all_relevant_item_text2">金额:
						</text>
						<text v-show="moneyArry.includes(relevant_item_type)" class="all_relevant_item_text1"
							style="color: #DD524D;">{{item.total}}</text>
					</view>
					<view class="all_relevant_item_line">
						<text>时间: </text> <text class="all_relevant_item_text1">{{item.show_time}}</text>
					</view>
					<view class="all_relevant_item_line" v-show="businessArry.includes(relevant_item_type)">
						<text>申请内容: </text> <text class="all_relevant_item_text1">{{item.business_name}}</text>
					</view>

				</view>
			</scroll-view>

		</uni-drawer>


		<view v-if="editId" class="stepRow">
			<view v-if="client_project_name_show != '' && editId != ''">
				<image class="all_correlation_btn" src="../../../../static/images/cwxz1.png"
					@click="showDrawer('showLeft')"></image>
			</view>
			<image class="all_stepIcon" src="../../../../static/images/jindu1.png" v-if="!planeStatus"
				@click="handleChekcPlan" mode=""></image>
			<image class="all_stepIcon" src="../../../../static/images/jindu2.png" v-if="planeStatus"
				@click="handleChekcPlan" mode=""></image>
			<view class="finnaceStep" v-if="planeStatus">

				<scroll-view scroll-y="true" style="max-height: 600rpx;">
					<view class="MyStep" v-for="(item, index) in stepList">
						<view class="stepLine" v-if="!(index == stepList.length - 1)"></view>
						<view class="stepRow1">
							<image class="stepIdot" src="../../../../static/images/icon_jd1@2x.png" mode=""></image>
							<text class="stepdate" style="width:300rpx">{{ item.add_time }}</text>
							<text class="stepdate">{{ item.memberInfo.nickname + ' 提交' }}</text>
						</view>
						<view class="stepRow2" v-if="item.approval_status == '0'">
							<text class="stepusername" style="margin-left:50rpx">
								<text v-for="items in item.tomemberInfo">
									{{ items.nickname + ' ' }}
								</text>
							</text>
							<text class="stepstatus">待审批</text>
						</view>
						<view class="stepRow2" v-if="item.approval_status == '1'">
							<text class="stepusername" style="margin-left:50rpx">
								{{ item.executorInfo.nickname }}
							</text>
							<text class="stepusername" style="width:280rpx">
								{{ item.update_time }}
							</text>
							<text style="color:rgb(18, 139, 241)" class="stepstatus">通过</text>
						</view>
						<view class="stepRow2" v-if="item.approval_status == '-1'">
							<text class="stepusername" style="margin-left:50rpx">
								{{ item.executorInfo.nickname }}
							</text>
							<text class="stepusername" style="width:280rpx">
								{{ item.update_time }}
							</text>
							<text style="color:rgb(255, 51, 51)" class="stepstatus">驳回</text>
						</view>
						<view class="stepRow2" v-if="item.approval_status == '-2'">
							<text class="stepusername" style="margin-left:50rpx">{{ item.executorInfo.nickname }}</text>
							<text class="stepusername" style="width:280rpx">{{ item.update_time }}</text>
							<text style="color:rgb(255, 51, 51)" class="stepstatus">撤回</text>
						</view>

						<!-- 签名图片 -->
						<view class="stepRow2" v-if="item.sign_pic">
							<text class="stepusername" style="margin-left:50rpx;">签名:</text>
							<image :src="item.sign_pic" class="all_signPic_mini" @click="lookSign(item.sign_pic)">
							</image>
						</view>

						<!-- 备注 -->
						<view class="stepRow2" v-if="item.remark != null">
							<text style="margin-left:50rpx;font-size: 24rpx;color: #999999;">
								{{ item.remark }}
							</text>
						</view>
					</view>
				</scroll-view>


			</view>
		</view>
		<!-- 客户信息 -->
		<scroll-view scroll-y class="client_info" :class="editId ? 'ischeckOutInfo' : ''">
			<!-- 预设审批人弹窗 -->
			<u-popup :show="preset_show" mode="center" round="10" :safeAreaInsetBottom="false" @close="presetClose"
				@open="">
				<scroll-view scroll-y="true" style="height: 600rpx;padding-top: 20rpx;">
					<view class="info_item" style="border-bottom: 0; color: #ff5a5f;font-size: 26rpx;">
						*您可以选择初始审批人*
					</view>
					<!-- 审批人选择 -->
					<view class="info_item">
						<view class="Warptitle all_text_title">审批人选择</view>
						<input disabled="true" style="margin-top: 39rpx; padding-bottom: 10rpx;"
							v-model="preset_member_name" placeholder-style="color:#999999;" @click="presetSlect()" />
					</view>
					<view class="stage_class" v-show="preset_member_show">
						<view class="stage_nickname" v-for="(item2,index2) in preset_list"
							@click="setPresetMember(item2)">
							{{item2.nickname}}
						</view>
					</view>
				</scroll-view>
				<!-- 弹窗底部按钮 -->
				<view class="all_shenpi_bottom">
					<u-button @click="presetClose" type="error" text="取消"></u-button>
					<u-button v-if="editId && !isDisable" @click="handleSubmitEdit" type="primary" text="提交"></u-button>
					<u-button v-if="!editId && !isDisable" @click="handleSubmitAdd" type="primary" text="确定"></u-button>
				</view>
			</u-popup>
			<!-- 预设审批人弹窗结束 -->


			<!-- 审批弹窗 -->
			<u-popup :show="shenpi_pop_show" mode="center" round="10" :safeAreaInsetBottom="false" @close="shenpiClose"
				@open="shenpiOpen">
				<scroll-view scroll-y="true" style="height: auto;max-height: 800rpx;padding-top: 20rpx;">
					<!-- 审批提示 -->
					<view class="info_item" style="border-bottom: 0; color: #ff5a5f;font-size: 26rpx;" v-show="
							addReimbursementForm.approval_status &&
								addReimbursementForm.approval_status == '1'">
						*您可以选择驳回后发起人提交的节点*
					</view>

					<!-- 驳回节点选择 -->
					<view class="info_item" v-show="
							addReimbursementForm.approval_status &&
								addReimbursementForm.approval_status == '1'
						">
						<view class="Warptitle all_text_title">驳回节点</view>

						<input disabled="true" style="margin-top: 39rpx; padding-bottom: 10rpx;" v-model="stage"
							placeholder-style="color:#999999;" @click="stageSlect()" />
					</view>
					<view class="all_stage_class" v-show="stage_show">
						<view class="all_stage_nickname" v-for="(item,index) in stageList"
							@click="setStage(item,index)">
							{{item}}
						</view>
					</view>

					<!-- 申请人 -->
					<view class="info_item" v-show="
							addReimbursementForm.approval_status &&
								addReimbursementForm.approval_status == '1'">
						<view class="Warptitle all_text_title">申请人</view>
						<input :disabled="isDisable" style="margin-top: 39rpx; padding-bottom: 10rpx;color: #40A0F2;"
							v-model="addReimbursementForm.member.nickname" placeholder-style="color:#999999;" />
					</view>

					<!-- 开启自动审批-->
					<view class="info_item" v-show="
							addReimbursementForm.approval_status &&
								addReimbursementForm.approval_status == '1'">
						<view class="Warptitle">
							<text class="all_text_title">自动审批</text>
							<text style="font-size: 26rpx;color: #f9ae3d;">(开启后同一项目,同一用户申请时将直接通过)</text>
						</view>
						<u-switch v-model="auto_shenpi" @change="autoShenpi"></u-switch>
					</view>

					<!-- 审批备注 -->
					<view class="textAreaRow" v-if="
							addReimbursementForm.approval_status &&
								addReimbursementForm.approval_status == '1'">
						<view class="textTitle all_text_title">审批备注</view>
						<textarea v-model="aprovalRemark" maxlength="-1" auto-height="true" class="all_textar"
							placeholder-style="" />
					</view>

					<!-- 审批人签字 -->
					<view class="info_item" style="border-bottom: 0;"
						v-if="addReimbursementForm.approval_status == '1'">
						<view class="Warptitle all_text_title" @click="starSign()">审批人签字(点击签字)</view>
						<image v-show="signPic" :src="signPic" class="all_signPic"></image>
					</view>
				</scroll-view>
				<!-- 弹窗底部按钮 -->
				<view class="all_shenpi_bottom">
					<u-button @click="handleApprovel('-1')" type="error" text="驳回"></u-button>
					<u-button @click="handleApprovel('1')" type="primary" text="通过"></u-button>
				</view>
			</u-popup>
			<!-- 审批弹窗结束 -->


			<view class="info_item" style="border: 0;">
				<view class=""
					style="display: flex;flex-direction: row; justify-content: space-between;align-items: center;">
					<view class="Warptitle all_text_title">关联项目</view>
				</view>
				<view class="all_selectEdit" :class="isDisable?'all_client_type_bkcolor':''">
					<view class="client_type" v-if="client_project_name_show && isDisable == true"
						@click.stop="goProjectDetail()">
						{{ client_project_name_show == ''?'未关联项目':client_project_name_show }}
					</view>
					<view class="client_type" v-if="client_project_name_show && isDisable == false"
						@click.stop="ShowProjectType">
						{{ client_project_name_show == ''?'未关联项目':client_project_name_show }}
					</view>
					<view class="client_type" v-if="!client_project_name_show && isDisable == true" @click.stop="">
						{{ client_project_name_show == ''?'未关联项目':client_project_name_show }}
					</view>
					<view class="client_type" style="color: #999;"
						v-if="!client_project_name_show && isDisable == false" @click.stop="ShowProjectType">
						点击选择
					</view>

					<image style="display: block;" v-if="!isDisable" src="../../../../static/client/xiala.png"
						class="info_img" mode="" @click.stop="ShowProjectType">
					</image>
					<!-- 项目选择弹窗 -->
					<uni-popup ref="popup" type="dialog" :mask-click="true" style="z-index: 2000;">
						<view v-if="isShowProjectType"
							style="margin-bottom: 30rpx;width: 100%;display: flex;justify-content: center;"
							@click.stop="closePoject()">
							<image style="width:52rpx;height: 52rpx;" src="../../../../static/images/Close_icon@2x.png">
							</image>
						</view>
						<view class="client_project_change" v-if="isShowProjectType">
							<view class="searchInput">
								<input class="sInput" v-model="searchInfoProject" placeholder-style="color:#999999;" />
								<view class="sousuo_img" @click.stop="handleSearchProject">
									<image src="../../../../static/client/sousuo.png" class=""
										style="width: 40rpx;height: 40rpx;"></image>
								</view>
							</view>
							<scroll-view style="height: 394rpx;" scroll-y="true">
								<view class="all_item_info_project" :class="item.isChekced ? 'currentType' : ''"
									v-for="(item, index) in projectList" :key="item.project_id"
									@tap.stop="changeProjectType(item, index)">
									{{ item.project_show}}
								</view>
							</scroll-view>
						</view>
					</uni-popup>
					<!-- 项目选择弹窗结束 -->
				</view>
			</view>
			<!-- 关联项目结束 -->

			<view style="overflow: hidden;">
				<!-- 报告/文件名称  -->
				<view class="info_item" style="border: 0;">
					<view class="Warptitle all_text_title">报告/文件名称</view>
					<textarea :disabled="isDisable" v-model="addReimbursementForm.business_name" maxlength="-1"
						placeholder-style="color:#999999;font-weight: 200;"
						:class="isDisable?'all_new_input_disable_style':'all_new_input_style'" auto-height="true"
						style="width: 95%;padding: 18rpx;" />
				</view>
				<!--所需金额 -->
				<view class="info_item" style="position: relative;" v-if="total_show">
					<view class="Warptitle all_text_title">所需金额</view>
					<input :disabled="addReimbursementForm.approval_status != 1 && addReimbursementForm.is_edit != 1"
						style="margin-top: 39rpx; padding-bottom: 10rpx;" type="number"
						v-model="addReimbursementForm.total" placeholder-style="color:#999999;"
						placeholder="审批通过时请填写" />
					<text style="position: absolute;right: 30rpx;color: #40A0F2;bottom: 10rpx;">元</text>
				</view>

				<!-- 印章类型 -->
				<view class="info_item">
					<view class="Warptitle all_text_title">印章类型</view>
					<radio-group name="" @change="sealTypeChange" style="display: flex;flex-wrap: wrap;">
						<label v-for="item in typeList" style="margin-left: 30rpx;">
							<radio :value="item.type" :disabled="isDisable"
								:checked="item.type == addReimbursementForm.seal_type" style="transform:scale(0.7)" />
							<text>{{ item.name }}</text>
						</label>
					</radio-group>
				</view>
				<!-- 申请原因 -->
				<view class="info_item">
					<view class="Warptitle all_text_title">申请原因</view>
					<radio-group name="" @change="reasonTypeChange" style="display: flex;flex-wrap: wrap;">
						<label v-for="item in reasonList" style="margin-left: 30rpx;">
							<radio :value="item.id" :disabled="isDisable"
								:checked="item.id == addReimbursementForm.reason_id" style="transform:scale(0.7)" />
							<text>{{ item.name }}</text>
						</label>
					</radio-group>
				</view>
				<!-- 其他原因 -->
				<view class="textAreaRow" v-show="addReimbursementForm.reason_id == 5">
					<view class="textTitle all_text_title">其他原因</view>
					<textarea :disabled="isDisable" v-model="addReimbursementForm.reason_else" class="textar"
						placeholder-style="margin:30rpx" maxlength="-1" auto-height="true" />
				</view>
				<!-- 份数 -->
				<view class="info_item" style="border: 0;">
					<view class="Warptitle all_text_title">份数</view>
					<input type="number" :disabled="isDisable" style="margin-top: 39rpx; padding-bottom: 10rpx;"
						:class="isDisable?'all_new_input_disable_style':'all_new_input_style'"
						v-model="addReimbursementForm.num" placeholder-style="color:#999999;" @blur="inputBlur" />
				</view>
				<!-- 经办人-->
				<view class="info_item" style="border: 0;">
					<view class="Warptitle all_text_title">经办人</view>
					<input :disabled="isDisable" style="margin-top: 39rpx; padding-bottom: 10rpx;"
						:class="isDisable?'all_new_input_disable_style':'all_new_input_style'"
						v-model="addReimbursementForm.manager" placeholder-style="color:#999999;" />
				</view>

				<!-- 备注 -->
				<view class="textAreaRow">
					<view class="textTitle all_text_title">备注</view>
					<textarea :disabled="isDisable" v-model="addReimbursementForm.remark" class="textar" maxlength="-1"
						auto-height="true" />
				</view>


				<view style="margin-left: 30rpx;font-size: 26rpx;color: #FF5A5F;margin-top: 20rpx;">
					*合作项目报告盖章需要把电子档上传到附件
				</view>
				<!-- 附件上传 -->
				<view class="info_item2" style="border: 0;">
					<upload-file :isSubmit="!isDisable" :imgList="submitImgList"
						:detailsImgList="detailsImgList" @my-upload-change="upLoadChange"></upload-file>
				</view>


				<view class="" style="width: 100%;height: 200rpx;">

				</view>

			</view>
		</scroll-view>

		<!-- 底部按钮 -->
		<view class="" v-if="allBtnShow && !shenpi_pop_show">

			<view class="bottom">
				<view v-if="
					addReimbursementForm.approval_status == 1 &&
						addReimbursementForm.withdraw_status != 1
				">
					<!-- <button class="bottom_btn" style="background: #CCCCCC; width: 380rpx;" @click="handleApprovel('-1')"
					form-type="reset">
					驳回
				</button>
				<button class="bottom_btn"
					style="background: linear-gradient(0deg, #037CE3, #2EB3FF); margin-top: -88rpx;margin-left: 50%;"
					@click="handleApprovel('1')" form-type="submit">
					审批通过
				</button> -->
					<button class="bottom_btn" @click="shenpiOpen()"
						style="background: linear-gradient(0deg, #037CE3, #2EB3FF); width: 100%;">
						去审批
					</button>
				</view>
				<view v-else>
					<button class="bottom_btn" style="background: #CCCCCC; width: 380rpx;" @click="handleCancelClick"
						form-type="reset" v-if="editId =='' || addReimbursementForm.is_edit == 1">
						保存草稿
					</button>
					<button class="bottom_btn"
						style="background: linear-gradient(0deg, #037CE3, #2EB3FF); margin-top: -88rpx;margin-left: 50%;"
						v-if="editId != '' && addReimbursementForm.is_edit == 1" @click="handleSubmitEdit"
						form-type="submit">
						提交
					</button>
					<button class="bottom_btn"
						style="background: linear-gradient(0deg, #037CE3, #2EB3FF); margin-top: -88rpx;margin-left: 50%;"
						v-if="editId == ''" @click="handleSubmitAdd" form-type="submit">
						确定
					</button>
				</view>
			</view>

			<!-- 审批可撤回时显示 -->
			<view class="bottom" v-if="addReimbursementForm.is_just == 1">
				<button class="bottom_btn" @click="finnaceWithdraw()" style="background: #DD524D; width: 100%;"
					form-type="reset">
					审批撤回
				</button>
			</view>


			<!-- 可撤回时显示 -->
			<view class="bottom" v-if="
				addReimbursementForm.is_edit == 0 &&
					addReimbursementForm.withdraw_status == 1 &&
					addReimbursementForm.approval_status != 1
			">
				<button class="bottom_btn" @click="handleWithdraw()" style="background: #DD524D; width: 100%;"
					form-type="reset">
					撤回
				</button>
			</view>
			<!-- 可撤回时显示 -->
			<view class="bottom" v-if="
				addReimbursementForm.approval_status == 1 &&
					addReimbursementForm.withdraw_status == 1
			">
				<!-- <button class="bottom_btn2" @click="handleWithdraw()" style="background: #FF5A5F; margin-left: 0;">
				撤回
			</button>
			<button class="bottom_btn2" @click="handleApprovel('-1')" style="background: #CCCCCC;margin-left: 33%;">
				驳回
			</button>
			<button class="bottom_btn2" style="background: linear-gradient(0deg, #037CE3, #2EB3FF);margin-left: 66%;"
				@click="handleApprovel('1')">
				审批通过
			</button> -->
				<button class="bottom_btn" style="background: #FF5A5F; width: 380rpx;" @click="handleWithdraw()"
					form-type="reset">
					撤回
				</button>
				<button class="bottom_btn"
					style="background: linear-gradient(0deg, #037CE3, #2EB3FF); margin-top: -88rpx;margin-left: 50%;"
					@click="shenpiOpen()" form-type="submit">
					去审批
				</button>
			</view>
		</view>


	</view>
</template>

<script>
	import xiaolu from '@/components/xiaolu-signature/index.vue';
	import UploadFile from '@/components/upload-file.vue';
	export default {
		components: {
			UploadFile,
			xiaolu
		},
		data() {
			return {
				total_show: false, //所需金额是否显示
				signPic: '', //签字图片
				signPicShow: false,

				detailsImgList: [],
				addReimbursementForm: {
					// 1是0否
					approval_status: 0,
					withdraw_status: 0,
					is_edit: 0,
					// 审批撤回
					is_just: 0,
					total: '', //所需金额
					num: '1', //份数
					seal_type: 0, //用章类型
					reason_id: 0, //原因类型
					reason_name: '', //原因名称
					manager: '', //经办人
					remark: '',
					reason_else: '', //其他原因
					annex: '',
					business_name: '', //报告/文件名称
					project_id: [],
					member: {
						nickname: ''
					}
				},
				imgList: [],
				client_project_name: [],
				client_project_name_show: '',
				projectList: [],
				isShowProjectType: false,
				planeStatus: false,
				checkId: '',
				searchInfoProject: '',
				editId: '',
				token: '',
				member_id: '',
				company_id: '',
				projectTypeList: [],
				isShowClientType: false, //控制客户类型选择是否显示
				client_type_name: '项目实施相关费用',
				addFormData: {
					type: '1',
					remark: '',
					date: '',
					annex: ''
				},

				stepList: [],
				aprovalRemark: '',
				isDisable: false,
				showUrl: '',
				submitImgList: '',
				typeList: [
					//用章类型（1公章）（2法人章）（3合同专用章）（4报告专用章）
					{
						name: '公章',
						type: 1
					},
					{
						name: '法人章',
						type: 2
					},
					{
						name: '合同专用章',
						type: 3
					},
					{
						name: '报告专用章',
						type: 4
					}
				],
				reasonList: [
					//申请原因
					{
						name: '报告',
						id: 1
					},
					{
						name: '发票',
						id: 2
					},
					{
						name: '招投标',
						id: 3
					},
					{
						name: '报价',
						id: 4
					},
					{
						name: '其他',
						id: 5
					}
				],
				stage: '点击选择',
				stageList: [],
				stage_show: false,
				stage_code: '',

				company_name: '',
				project_relevant_list: '',
				itemNames: ['合同用章', '其他用章审批', '报告用章审批', '邮寄'],
				showRelevantItem: false,
				RelevantItem: '',
				relevant_item_type: '',
				moneyArry: ['reimbursement', 'settlement', 'business', 'expert', 'contract', 'arrival'],
				businessArry: ['mail', 'report', 'chapter', 'contract_seal'],
				signimglist: [],

				// 打开页面时如果有财务id让所有按钮隐藏,待信息请求完后再显示
				allBtnShow: true,
				// 审批弹窗展示
				shenpi_pop_show: false,
				auto_shenpi: false, //是否开启自动审批
				is_chase: '', //开启大通

				preset_list: [],
				preset_member_name: '', // 预设审批人
				preset_member_id: '', // 预设审批人
				preset_member_show: true,
				preset_show: false, //预设审批人弹窗展示
			};
		},
		onShow() {
			// this.getProjectType()
		},
		async onLoad(options) {
			this.token = uni.getStorageSync('btlh_process_token') || '';
			this.member_id = uni.getStorageSync('btlh_process_member_id') || '';
			this.company_id = uni.getStorageSync('bthl_process_LoginCompanyId') || '';
			this.editId = options.finnaceId || '';

			this.client_project_name_show = options.projectName || '';
			this.addReimbursementForm.project_id = options.projectId || '';

			this.getProjectList();
			this.getPresetMember();
			// 建立按钮的监听事件
			uni.$on('btn-show', this.isAllBtnShow)
			if (this.editId) {
				this.allBtnShow = false;
				setTimeout(() => {
					this.getClientDetails();
				});
			}
		},
		// 移除按钮的监听事件
		onUnload() {
			uni.$off('btn-show', this.isAllBtnShow)
		},
		//#ifdef MP-WEIXIN
		onShareAppMessage() {
			return {
				title: this.client_project_name_show,
				path: '/packageAdmin/pages/admin/post/externalSealDetail?finnaceId=' + this.editId
			};
		},
		//#endif
		methods: {
			// 点击审批撤回
			async finnaceWithdraw() {
				const {
					data: res
				} = await this.$myRequest({
					url: 'Management/finance_approve_withdraw',
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id,
						finance_id: this.editId,
						stage_code: 'external_seal'
					}
				});
				if (res.code != 200)
					return uni.showToast({
						title: res.datas.msg,
						icon: 'none'
					});
				uni.showToast({
					title:'审批撤回成功',
					icon:'none',
					mask:true
				})
				setTimeout(()=>{
					uni.navigateBack({
						delta: 1
					})
				},1000)
			},


			setPresetMember(val) {
				this.preset_member_name = val.nickname;
				this.preset_member_id = val.member_id;
				this.preset_member_show = false;
			},
			presetSlect() {
				this.preset_member_show = !this.preset_member_show;
			},
			// 预设审批人关闭弹窗
			presetClose() {
				this.preset_member_name = '';
				this.preset_member_id = '';
				this.preset_show = false;
			},
			// 预设审批人打开弹窗
			presetOpen() {
				console.log('预设审批人打开弹窗')
				this.getPresetMember();
				this.preset_show = true;
			},
			// 获取预设审批人
			async getPresetMember() {
				const {
					data: res
				} = await this.$myRequest({
					url: 'Management/get_preset_by_stage_code',
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id,
						stage_code: 'external_seal',
					}
				});
				console.log(res)
				this.preset_list = res.datas.list;
				if (this.preset_list.length == 0) {
					this.preset_member_name = '暂无预设审批人'
				}

			},

			// 自动审批开关
			autoShenpi(e) {
				console.log(e)
				if (e == true) {
					uni.showToast({
						title: '开启自动审批',
						icon: 'none'
					})
					this.is_chase = '1';
				} else {

					this.is_chase = '';
				}
			},
			// 审批弹窗开关
			shenpiOpen() {
				this.shenpi_pop_show = true;
			},
			shenpiClose() {
				this.shenpi_pop_show = false;
			},

			isAllBtnShow(e) {
				this.allBtnShow = e.data;
			},
			// 打开弹窗
			openPoject() {
				this.isShowProjectType = true;
				this.$refs.popup.open();
			},
			// 关闭弹窗
			closePoject() {
				console.log('关闭弹窗')
				this.isShowProjectType = false;
				this.$refs.popup.close();
			},

			// 查看签名
			lookSign(e) {
				uni.previewImage({
					current: e,
					urls: this.signimglist,
					loop: true
				})
			},
			starSign() {
				this.signPicShow = true;
			},

			// 获取签名图片
			getImg(e) {

				this.signPicShow = false;
				console.log(this.signPic);
				uni.showLoading({
					title: '正在上传签名~~~'
				})
				uni.uploadFile({
					url: 'https://control.sxpz.vip/index.php/AppApi/User/uploadImg',
					filePath: e,
					name: 'file',
					formData: {
						member_id: this.member_id,
						token: this.token
					},
					success: uploadFileRes => {
						const result = JSON.parse(uploadFileRes.data);
						this.signPic = result.datas.img_url;
						uni.hideLoading();

					}
				});
			},

			// 查看项目详情
			goProjectDetail() {
				uni.navigateTo({
					url: '../../packageProject/pages/project/projectRegist?project_id=' + this.addReimbursementForm
						.project_id
				})
			},

			//关闭抽屉详情弹窗
			closeRelevantItem() {
				this.showRelevantItem = false;
			},
			//点击抽屉条目
			async tapDrawerItem(item) {
				const {
					data: res
				} = await this.$myRequest({
					url: 'Finance/ass_' + item.code,
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id,
						finance_id: this.editId,
						project_id: this.addReimbursementForm.project_id,
						stage_code: 'external_seal',
					}
				});
				this.relevant_item_type = item.code;
				this.RelevantItem = res.datas.listInfo;
				this.showRelevantItem = true;
			},

			// 打开窗口
			showDrawer(e) {

				if (this.addReimbursementForm.project_id == '') {
					return uni.showToast({
						title: '请先选择关联项目',
						icon: 'none'
					})
				}

				this.$refs[e].open();
				this.getProjectItems();
			},
			// 关闭窗口
			closeDrawer(e) {
				this.$refs[e].close()
			},
			// 抽屉状态发生变化触发
			change(e, type) {
				console.log((type === 'showLeft' ? '左窗口' : '右窗口') + (e ? '打开' : '关闭'));
				this[type] = e
			},

			// 获取项目相关的条目
			async getProjectItems() {
				const {
					data: res
				} = await this.$myRequest({
					url: 'Finance/get_ffs_relevant',
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id,
						project_id: this.addReimbursementForm.project_id
					}
				});
				console.log(res)
				this.project_relevant_list = res.datas.listInfo
			},

			// 设置驳回节点
			setStage(item, index) {
				this.stage = item;
				this.stage_code = index;
				this.stage_show = false;
			},
			// 点击显示驳回节点
			stageSlect() {
				if (this.stageList.length == 0) {
					return uni.showToast({
						title: '暂无驳回节点',
						icon: 'none'
					})
				}
				this.stage_show = !this.stage_show;
			},
			// 点击撤回
			async handleWithdraw() {
				console.log('撤回')
				const {
					data: res
				} = await this.$myRequest({
					url: 'Finance/withdraw',
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id,
						finance_id: this.editId,
						stage_code: 'external_seal'
					}
				});
				if (res.code != 200)
					return uni.showToast({
						title: res.datas.msg,
						icon: 'none'
					});
				uni.navigateBack({
					delta: 1
				});
			},
			// 份数输入框失去焦点时判断是否是数字
			inputBlur(e) {
				console.log(e.detail.value);
				let str = /^[0-9]*$/;
				console.log(e.detail.value.match(str));
				if (e.detail.value.match(str) == null) {
					this.addReimbursementForm.num = '';
					return uni.showToast({
						title: '份数只能输入数字',
						icon: 'none'
					});
				}
			},
			// 申请原因选择
			reasonTypeChange(e) {
				this.addReimbursementForm.reason_id = e.detail.value;
			},
			// 用章类型选择
			sealTypeChange(e) {
				console.log(e.detail.value);
				this.addReimbursementForm.seal_type = e.detail.value;
			},
			// 文件上传
			upLoadChange(data) {
				console.log('文件列表', data);
				this.submitImgList = data;
			},

			// 防抖点击 保存草稿
			handleCancelClick() {
				this.$debounce(this.handleCancelClick2);
			},
			// 防抖动点击 新增提交
			handleSubmitAdd() {
				// 如果预设审批人弹窗已打开则直接提交
				if (this.preset_show) {
					return this.$debounce(this.handleSubmitAdd2)
				}
				// 如果没有预设审批人直接提交
				if (this.preset_list.length == 0) {
					return this.$debounce(this.handleSubmitAdd2)
				}
				this.presetOpen();

			},
			// 防抖动点击 编辑提交
			handleSubmitEdit() {
				// 如果预设审批人弹窗已打开则直接提交
				if (this.preset_show) {
					return this.$debounce(this.handleSubmitEdit2)
				}
				// 如果没有预设审批人直接提交
				if (this.preset_list.length == 0) {
					return this.$debounce(this.handleSubmitEdit2)
				}
				this.presetOpen();
			},

			// 保存草稿
			async handleCancelClick2() {
				if (this.editId) {
					const {
						data: res
					} = await this.$myRequest({
						url: 'Service/external_seal_edit',
						method: 'POST',
						data: {
							member_id: this.member_id,
							token: this.token,
							company_id: this.company_id,

							is_draft: '1',
							finance_id: this.editId,
							business_name: this.addReimbursementForm.business_name,
							num: this.addReimbursementForm.num,
							seal_type: this.addReimbursementForm.seal_type,
							reason_id: this.addReimbursementForm.reason_id,
							manager: this.addReimbursementForm.manager,
							reason_else: this.addReimbursementForm.reason_else,
							remark: this.addReimbursementForm.remark,
							annex: JSON.stringify(this.submitImgList),
							project_id: this.addReimbursementForm.project_id
						}
					});
					if (res.code != 200)
						return uni.showToast({
							title: res.datas.msg,
							icon: 'none'
						});
					uni.showToast({
						title: res.datas.msg,
						icon: 'none'
					});
				} else {
					const {
						data: res
					} = await this.$myRequest({
						url: 'Service/external_seal_add',
						method: 'POST',
						data: {
							member_id: this.member_id,
							token: this.token,
							company_id: this.company_id,

							is_draft: '1',
							business_name: this.addReimbursementForm.business_name,
							num: this.addReimbursementForm.num,
							seal_type: this.addReimbursementForm.seal_type,
							reason_id: this.addReimbursementForm.reason_id,
							manager: this.addReimbursementForm.manager,
							reason_else: this.addReimbursementForm.reason_else,
							remark: this.addReimbursementForm.remark,
							annex: JSON.stringify(this.submitImgList),
							project_id: this.addReimbursementForm.project_id
						}
					});
					if (res.code != 200)
						return uni.showToast({
							title: res.datas.msg,
							icon: 'none'
						});
					uni.showToast({
						title: res.datas.msg,
						icon: 'none'
					});
				}

				uni.navigateBack({
					delta: 1
				});
			},
			// 审批提交
			async handleApprovel(val) {
				if (val == '1' && this.addReimbursementForm.total == '') {
					this.shenpi_pop_show = false;
					return uni.showToast({
						title: '请填写所需金额',
						icon: 'none'
					})

				}

				const {
					data: res
				} = await this.$myRequest({
					url: 'Management/finance_approval',
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id,
						finance_id: this.editId,

						stage_code: 'external_seal',
						approval_status: val,
						remark: this.aprovalRemark,
						k_code: this.stage_code,
						sign_pic: this.signPic,
						is_chase: this.is_chase,
						total: this.addReimbursementForm.total

					}
				});
				if (res.code != 200)
					return uni.showToast({
						title: res.datas.msg,
						icon: 'none'
					});
				uni.showToast({
					title: res.datas.msg,
					icon: 'none'
				});
				/* uni.switchTab({
						url: '/pages/finnace/finnace'
					}); */
				uni.navigateBack({
					delta: 1
				});
			},
			// 新增提交
			async handleSubmitAdd2() {
				const {
					data: res
				} = await this.$myRequest({
					url: 'Service/external_seal_add',
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id,

						business_name: this.addReimbursementForm.business_name,
						num: this.addReimbursementForm.num,
						seal_type: this.addReimbursementForm.seal_type,
						reason_id: this.addReimbursementForm.reason_id,
						manager: this.addReimbursementForm.manager,
						reason_else: this.addReimbursementForm.reason_else,
						remark: this.addReimbursementForm.remark,
						annex: JSON.stringify(this.submitImgList),
						project_id: this.addReimbursementForm.project_id,

						preset_member: this.preset_member_id
					}
				});
				if (res.code != 200)
					return uni.showToast({
						title: res.datas.msg,
						icon: 'none'
					});
				uni.showToast({
					title: res.datas.msg,
					icon: 'none'
				});
				uni.navigateBack({
					delta: 1
				});
			},
			// 编辑提交
			async handleSubmitEdit2() {
				const {
					data: res
				} = await this.$myRequest({
					url: 'Service/external_seal_edit',
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id,
						finance_id: this.editId,

						business_name: this.addReimbursementForm.business_name,
						num: this.addReimbursementForm.num,
						seal_type: this.addReimbursementForm.seal_type,
						reason_id: this.addReimbursementForm.reason_id,
						manager: this.addReimbursementForm.manager,
						reason_else: this.addReimbursementForm.reason_else,
						remark: this.addReimbursementForm.remark,
						annex: JSON.stringify(this.submitImgList),
						project_id: this.addReimbursementForm.project_id,

						preset_member: this.preset_member_id
					}
				});
				if (res.code != 200)
					return uni.showToast({
						title: res.datas.msg,
						icon: 'none'
					});
				uni.showToast({
					title: res.datas.msg,
					icon: 'none'
				});
				uni.navigateBack({
					delta: 1
				});
			},
			// 如果有客户id(获取详情)
			async getClientDetails() {
				// this.addReimbursementForm = {}
				const {
					data: res
				} = await this.$myRequest({
					url: 'Service/external_seal_detail',
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id,

						finance_id: this.editId
					}
				});
				if (res.code != 200)
					return uni.showToast({
						title: res.datas.msg,
						icon: 'none'
					});
				this.addReimbursementForm = res.datas.info;
				this.allBtnShow = true;
				console.log('报销详情', this.addReimbursementForm);
				this.stageList = this.addReimbursementForm.stage_select;
				// ***处理绑定项目id
				this.addReimbursementForm.project_id = [];
				this.addReimbursementForm.project_list.forEach(item => {
					this.addReimbursementForm.project_id.push(item.project_id);
					this.client_project_name.push(item.project_name);
				});
				// --处理显示的项目id
				this.client_project_name_show = this.client_project_name.join(',');
				this.projectList.forEach(item => {
					this.addReimbursementForm.project_id.forEach(items => {
						if (item.project_id == items) {
							item.isChekced = true;
						}
					});
				});

				// 处理签名图片
				if (this.addReimbursementForm.approval_log) {
					for (let i = 0; i < this.addReimbursementForm.approval_log.length; i++) {
						if (this.addReimbursementForm.approval_log[i].sign_pic) {
							this.signimglist.push(this.addReimbursementForm.approval_log[i].sign_pic)
						}

					}
				}

				// ***处理文件
				if (this.addReimbursementForm.annex) {
					this.submitImgList = this.addReimbursementForm.annex;
				}
				// 判断是否禁用
				if (
					this.addReimbursementForm.approval_status &&
					this.addReimbursementForm.approval_status == '1'
				) {
					this.isDisable = true;
					this.addReimbursementForm.total = '';
				}

				if (this.addReimbursementForm.is_draft == '1') {
					this.isDisable = false;
				}
				if (this.addReimbursementForm.is_edit != '1') {
					this.isDisable = true;
				}

				// 判断外部用章是否显示
				if (this.addReimbursementForm.approval_status == '1') {
					this.total_show = true;
				}
				if (this.addReimbursementForm.approval_status == '0' && this.addReimbursementForm.is_edit == '0') {
					this.total_show = true;
				}
				// ***处理项目流程
				if (this.addReimbursementForm.approval_log) {
					this.stepList = this.addReimbursementForm.approval_log;
				}

				// 处理驳回节点
				this.stageList = this.addReimbursementForm.stage_select;
				if (this.stageList.length == 0) {
					return this.stage = '暂无可驳回节点';
				}
				for (let i = 0; i < this.addReimbursementForm.stage_select.length; i++) {
					let name = '';
					this.addReimbursementForm.stage_select[i].forEach(item => {

						name = item.nickname + '/' + name;
						console.log(name);
					})
					this.stageList[i] = name.slice(0, -1);
				}
				// 设置默认驳回节点
				if (this.stageList) {
					this.stage = this.stageList.slice(-1);
					this.stage_code = this.stageList.length - 1;
				}
			},
			// 获取项目列表
			async getProjectList() {
				const {
					data: res
				} = await this.$myRequest({
					url: 'Project/simple_project',
					method: 'POST',
					data: {
						member_id: this.member_id,
						token: this.token,
						company_id: this.company_id,
						search: this.searchInfoProject
					}
				});
				if (res.code != 200)
					return uni.showToast({
						title: res.datas.msg,
						icon: 'none'
					});

				this.projectList = res.datas.listInfo;
				this.projectList.forEach(item => {
					/* if (item.project_show.length > 20) {
							item.project_show = item.project_show.slice(0, 20) + '....'
						} */
					item.isChekced = false;
				});
				console.log('项目列表(用于表单选项)', this.projectList);
			},
			handleCancleClick() {
				uni.navigateBack({
					delta: 1
				});
			},
			// 移除图片
			removeImg(item) {
				const index = this.imgList.findIndex(img => img == item);
				// console.
				if (index != -1) {
					this.imgList.splice(index, 1);
				}
			},
			// 上传图片
			selectImg() {
				var that = this;
				uni.chooseImage({
					count: 6, // 最多可以选择的图片张数，默认9
					sizeType: ['original', 'compressed'], //original 原图，compressed 压缩图，默认二者都有
					sourceType: ['album', 'camera'], //album 从相册选图，camera 使用相机，默认二者都有。如需直接开相机或直接选相册，请只使用一个选项
					success: async res => {
						const tempFilePaths = res.tempFilePaths;
						that.phone = res.tempFilePaths[0];
						tempFilePaths.forEach(item => {
							uni.uploadFile({
								url: 'https://control.sxpz.vip/index.php/AppApi/User/uploadImg',
								filePath: item,
								name: 'file',
								formData: {
									member_id: this.member_id,
									token: this.token
								},
								success: uploadFileRes => {
									const result = JSON.parse(uploadFileRes.data);
									this.imgList.push(result.datas.img_url);
								}
							});
						});
					}
				});
			},
			handleClickInput() {
				this.isShowClientType = true;
			},
			handleSearchProject() {
				this.getProjectList();
			},
			// 点击选择报销类型
			changeClientType(item) {
				this.client_type_name = item.name;
				this.addReimbursementForm.type = item.id;
				console.log('选择客户类型', this.addReimbursementForm.type);
				// this.isShowClientType = false
			},
			// 显示报销类型选择
			ShowClientType() {
				this.isShowClientType = !this.isShowClientType;
				this.isShowProjectType = false;
			},
			// 点击选择项目
			changeProjectType(item, indexs) {
				/* this.projectList[indexs].isChekced = !this.projectList[indexs].isChekced;
				let index = this.addReimbursementForm.project_id.findIndex(my => my == item.project_id);
				if (index == -1) {
					this.client_project_name.push(item.project_show);
					this.addReimbursementForm.project_id.push(item.project_id);
				} else {
					this.client_project_name.splice(index, 1);
					this.addReimbursementForm.project_id.splice(index, 1);
				}
				this.client_project_name_show = this.client_project_name.join(','); */
				this.client_project_name_show = item.project_show;
				this.addReimbursementForm.project_id = item.project_id;
				this.isShowProjectType = false;
				this.closePoject();
				console.log(item);

				console.log(this.addReimbursementForm.project_id);
			},
			// 显示选择项目
			ShowProjectType() {
				this.isShowProjectType = !this.isShowProjectType
				this.isShowClientType = false
				this.openPoject();
			},
			bindStartDateChange(e) {
				this.addReimbursementForm.date = e.target.value;
			},
			// 点击查看进度
			handleChekcPlan() {
				this.planeStatus = !this.planeStatus;
			},
			// 点击左上返回按钮
			back() {
				uni.navigateBack({
					delta: 1
				});
			}
		}
	};
</script>

<style scoped lang="scss">
	.stage_class {
		width: 300rpx;
		margin-left: 30rpx;
		background: #ffffff;
		box-shadow: 2rpx 3rpx 8rpx 0rpx rgba(0, 0, 0, 0.2);
		border-radius: 10px;
		position: absolute;
		z-index: 1200;
	}

	.stage_nickname {
		font-size: 26rpx;
		height: 70rpx;
		line-height: 70rpx;
		text-align: center;
	}

	.bottom2 {
		width: 100%;
	}

	.bottom_btn2 {
		width: 34%;
		height: 88rpx;
		border-radius: 0;
		position: fixed;
		bottom: 0;
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #ffffff;
		z-index: 999;
	}

	// 印章类型选择
	.typeSelect {
		width: 300rpx;
		margin-left: 30rpx;
		box-shadow: 1rpx 3rpx 15rpx 0rpx rgba(3, 70, 126, 0.2);
		position: relative;
		z-index: 2000;

		.typeItem {
			width: 100%;
			height: 70rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			border-bottom: 1rpx solid #c0c8cd;
		}
	}

	.stepRow {
		position: relative;
		display: flex;
		justify-content: flex-end;

		.stepIcon {
			width: 60rpx;
			height: 60rpx;
			margin-bottom: 10rpx;
			margin-right: 30rpx;
		}

		.finnaceStep {
			position: absolute;
			top: 70rpx;
			right: 30rpx;
			width: 630rpx;
			background: #ffffff;
			z-index: 99;
			box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.2);
			box-sizing: border-box;
			padding: 48rpx 30rpx;
			border-radius: 20px;

			.MyStep {
				position: relative;
				padding-bottom: 20rpx;

				.stepLine {
					position: absolute;
					width: 2px;
					height: 100%;
					left: 12rpx;
					top: 22rpx;
					background-color: #40a0f2;
				}

				.stepRow1 {
					display: flex;
					align-items: center;

					.stepIdot {
						width: 26rpx;
						height: 26rpx;
						margin-right: 20rpx;
					}

					.stepdate {
						font-size: 26rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #128bf1;
						overflow: hidden;
						white-space: nowrap;
						text-overflow: ellipsis;
					}
				}

				.stepRow2 {
					height: auto;
					display: flex;
					align-items: center;
					justify-content: space-between;

					.stepusername {
						margin-left: 20rpx;
						width: 120rpx;
						overflow: hidden;
						white-space: nowrap;
						text-overflow: ellipsis;
						font-size: 24rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #333333;
					}

					.stepstatus {
						margin: 20rpx;
						font-size: 24rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #19af3c;
					}
				}
			}
		}
	}

	.oneRowTwo {
		margin-top: 40rpx;
		width: 100%;
		box-sizing: border-box;
		padding: 0 30rpx;
		display: flex;
		align-items: center;

		.oneRowtitle {
			width: 130rpx;
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
		}

		.onRowInput {
			padding-left: 10rpx;
			font-size: 28rpx;
			width: 192rpx;
			height: 60rpx;
			border-radius: 10rpx;
			border: 1px solid #dfdfdf;
		}

		.picker_input {
			width: 240rpx;
			height: 60rpx;
			line-height: 60rpx;
			padding-left: 10rpx;
			background: #ffffff;
			border: 1px solid #dfdfdf;
			border-radius: 10rpx;
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #999999;
		}
	}

	.bottom {
		width: 100%;
		height: 88rpx;
		position: fixed;
		bottom: 0;
		z-index: 99;
	}

	.bottom_btn {
		width: 375rpx;
		height: 88rpx;
		margin-left: 0;
		border-radius: 0;
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #ffffff;
	}

	.textAreaRow {
		.textTitle {
			margin-top: 49rpx;
			margin-left: 30rpx;
			font-size: 28rpx;
			font-family: PingFang SC;
			color: #333333;
		}
	}

	.upLoadRow {
		.imgList {
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
			box-sizing: border-box;
			padding: 0 10rpx;
			margin: 20rpx;

			.imgItem {
				position: relative;
				width: 160rpx;
				height: 134rpx;
				margin-bottom: 20rpx;
			}

			.closeBox {
				width: 30rpx;
				height: 30rpx;
				position: absolute;
				background-color: #007aff;
				display: flex;
				justify-content: center;
				align-items: center;
				right: 0;
				top: 0;
			}
		}

		.upTitle {
			margin-top: 49rpx;
			margin-left: 30rpx;
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
			display: flex;
			margin-bottom: 30rpx;

			.uploadBtn {
				display: flex;
				align-items: center;

				.upImg {
					width: 25rpx;
					height: 18rpx;
					margin-left: 32rpx;
					margin-right: 10rpx;
				}

				.upLoadText {
					font-size: 20rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #128bf1;
				}
			}
		}
	}

	.textar {
		width: 660rpx;
		height: 225rpx;
		background: #f7f7f7;
		margin-top: 30rpx;
		margin-left: 30rpx;
		padding: 20rpx;
	}

	.client_type_change {
		width: 550rpx;
		// height: 180rpx;
		background: #ffffff;
		box-shadow: 2rpx 3rpx 8rpx 0rpx rgba(0, 0, 0, 0.2);
		border-radius: 10px;
		position: absolute;
		top: 54rpx;
		right: 30rpx;
		z-index: 99;

		.item_info {
			width: 100%;
			height: 60rpx;
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
			line-height: 60rpx;
		}
	}

	.client_project_change {
		width: 550rpx;
		height: 490rpx;
		background: #ffffff;
		box-shadow: 2rpx 3rpx 8rpx 0rpx rgba(0, 0, 0, 0.2);
		border-radius: 10px;
		padding: 20rpx;
		// position: absolute;
		// top: -100rpx;
		// right: 0rpx;
		// z-index: 2500;

		.searchInput {
			display: flex;
			flex-direction: row;

			.sInput {
				width: 450rpx;
				height: 60rpx;
				padding-left: 15rpx;
				border-radius: 60rpx 0 0 60rpx;
				background-color: #f7f7f7;
			}

			.sousuo_img {
				width: 100rpx;
				height: 60rpx;
				border-radius: 0 60rpx 60rpx 0;
				background: #f7f7f7;
				display: flex;
				justify-content: center;
				align-items: center;
			}
		}

		.item_info {
			width: 100%;
			height: 60rpx;
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
			line-height: 60rpx;
		}
	}

	.ischeckOutInfo {
		// height: calc(100vh - 158rpx - 70rpx) !important;
		height: calc(100vh - 70rpx) !important;
		padding-bottom: 88rpx;
	}

	.client_info {
		width: 100%;
		// height: calc(100vh - 236rpx);
		height: calc(100vh);
		padding-bottom: 88rpx;
		background-color: #fff;

		.info_title {
			width: 100%;
			height: 102rpx;
			font-size: 32rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #333333;
			border-bottom: 1px solid #e9e9e9;
			line-height: 102rpx;
			position: relative;
		}

		.info_item_bottom {
			width: 690rpx;
			height: auto;
			margin-left: 30rpx;
			line-height: 94rpx;
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
			position: relative;

			.check_group {
				position: absolute;
				top: 5rpx;
				left: 140rpx;
				font-size: 26rpx;

				.check_item {
					transform: scale(0.7);
				}
			}
		}

		.info_item2 {
			width: 690rpx;
			height: auto;
			border-bottom: 1rpx solid #e3e3e3;
			margin-left: 30rpx;
			margin-top: 44rpx;
		}

		.info_item {
			width: 690rpx;
			border-bottom: 1px solid #e9e9e9;
			margin-left: 30rpx;
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;

			.Warptitle {
				margin: 44rpx 0 40rpx;
			}

			.selectEdit {
				position: relative;
				display: flex;
				align-items: center;
				justify-content: space-between;
			}

			.client_type {
				width: 100%;
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #666666;
				// margin-bottom: 14rpx;
			}

			.info_img {
				width: 25rpx;
				height: 13rpx;
				position: absolute;
				right: 10rpx;
				z-index: 1000;
				bottom: 20rpx;
			}
		}
	}

	.head_text {
		width: 100%;
		height: 128rpx;
		font-size: 36rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #333333;
		line-height: 160rpx;
		text-align: center;
		// border-bottom: 20rpx solid #F7F7F7;
		background-color: #fff;
		margin-bottom: 20rpx;
	}

	.currentType {
		background: #40a0f2;
		color: #ffffff;
	}

	.picker_input_out_container {
		position: relative;
		width: 690rpx !important;

		.dateIcon {
			position: absolute;
			width: 32rpx;
			height: 32rpx;
			right: 20rpx;
			top: 8px;
		}

		.picker_input_out {
			width: 690rpx;
			height: 60rpx;
			line-height: 60rpx;
			padding-left: 10rpx;
			background: #ffffff;

			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #999999;
		}
	}

	.noticDetails {
		// z-index: 20000!important;
		// position: fixed;
		// top: 5vh;
		// left: 20rpx;
	}

	.detailsImg {
		width: 700rpx;
		z-index: 20000 !important;
		max-height: calc(100vh - 100rpx);

		.datalisImg {
			z-index: 20000 !important;
			width: 100%;
			height: calc(100vh - 100rpx);
		}
	}
</style>
